<template>
  <div class="index">
      <router-view></router-view>
      <tab-bar :tabbarArray=tabbarArray></tab-bar>
  </div>
</template>

<script>
import TabBar from '../components/TabBar.vue'
export default {
  components: { TabBar },
  data() {
      return {
          tabbarArray:[{
              icon:'icon-wujiaoxing',
              name:'首页',
              path:'/home',
          },{
              icon:'icon-huiyuanjulebu',
              name:'星享俱乐部',
              path:'/starclud',
          },{
              icon:'icon-icon-test',
              name:'订单',
              path:'/order',
          },{
              icon:'icon-wo',
              name:'我的',
              path:'/me',
          }]
      }
  },
}

</script>
<style lang='scss' scoped>
.index{
    width: 100%;
    height: calc(100% - $tabbar-height);
    overflow: auto;
}
</style>